
.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
.fz(@px){
	.px2rem(font-size,@px);
}
*{
	.px2rem(font-size,24);
}
body{
	background: #f3f4f8;
}
a{
	color: #000;
}
a:hover{
	text-decoration: none;
}
.header1{
	position: fixed;
	width: 100%;
	.px2rem(height,90);
	border-bottom: 1px solid #e2e2e2;
	background: #fff;
	display: flex;
	text-align: center;
	z-index: 99;
	.left{
		width: 15%;
		display: flex;
		align-items: center;
		justify-content: center;
		img{
			width: 50%;
		}
	}
	.center{
		width: 70%;
		.px2rem(line-height,90);
		font-weight: bold;
	}
	.right{
		width: 15%;
		display: flex;
		align-items: center;
		justify-content: center;
		img{
			width: 50%;
		}
	}
}

.footer{
	position: fixed;
	width: 100%;
	.px2rem(height,100);
	bottom: 0;
	background: #fff;
	border-top: 1px solid #e2e2e2;
	display: flex;
	text-align: center;
	a{
		flex: 1;
		dl{
			color: #e3e3e3;
			height: 100%;
			dt{
				height: 65%;
				.px2rem(font-size,50);
			}
			dd{
			}
		}
		.active_dl{
			color: #51ffe8;
		}
	}
	a:nth-child(2){
		dl{
			dt{
				.px2rem(font-size,40);
				.px2rem(padding-top,5);
				box-sizing: border-box;
			}
		}
	}
}